<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	// @use "sass:math";
	//引入iconfont图标 
	@import "~@/base/iconfont.css";
	@import "~@/uni.scss";
	/*每个页面公共css */
	.uni-forms-item-auto-height{
		.uni-forms-item__box{
			.uni-forms-item__label{
				height: auto;
				min-height: auto;
			}
			.uni-forms-item__content{
				height: auto;
				min-height: auto;
			}
		}
	}
	/******************************通用组合******************************/
	//css超出一行用点表示
	.text-ellipsis-1{
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	/******************************自定义CSS原子库******************************/
	.text-center{
		text-align: center;
	}
	.text-right{
		text-align: right;
	}
	/**/
	.text-primary{color: $uni-color-primary}
	.text-success{color: $uni-color-success}
	.text-warning{color: $uni-color-warning}
	.text-error{color: $uni-color-error}
	/**/
	.p-3-1{padding: 32rpx;}
	//
	.py-0-2{padding-top:4rpx;padding-bottom: 4rpx;}
	.py-1{padding-top:10rpx;padding-bottom: 10rpx;}
	.py-1-3{padding-top:16rpx;padding-bottom: 16rpx;}
	.py-2{padding-top:20rpx;padding-bottom: 20rpx;}
	.py-2-4{padding-top:28rpx;padding-bottom: 28rpx;}
	.py-3{padding-top:30rpx;padding-bottom: 30rpx;}
	.py-3-3{padding-top:36rpx;padding-bottom: 36rpx;}
	.py-4{padding-top:40rpx;padding-bottom: 40rpx;}
	.py-5{padding-top:50rpx;padding-bottom: 50rpx;}
	.py-6-4{padding-top:68rpx;padding-bottom: 68rpx;}
	.py-8{padding-top:80rpx;padding-bottom: 80rpx;}
	/**/
	.pl-3{padding-left: 30rpx;}
	.pl-1-3{padding-left: 16rpx;}
	/**/
	.pr-5{padding-right: 50rpx;}
	.pr-5-3{padding-right: 56rpx;}
	/**/
	.pt-2-2{padding-top: 24rpx;}
	.pt-3-1{padding-top:32rpx;}
	.pt-6-2{padding-top:64rpx;}
	.pt-8{padding-top:80rpx;}
	.pt-9{padding-top:90rpx;}
	.pt-10{padding-top:100rpx;}
	/**/
	.pb-3-1{padding-bottom:32rpx;}
	.pb-4{padding-bottom: 40rpx;}
	.pb-5{padding-bottom: 50rpx;}
	.pb-7-3{padding-bottom:76rpx;}
	.pb-9{padding-bottom:90rpx;}
	.pb-safe{padding-bottom: var(--tab-bar-height);}
	/**/
	.px-1{padding-left:10rpx;padding-right: 10rpx;}
	.px-1-3{padding-left:16rpx;padding-right: 16rpx;}
	.px-2{padding-left:20rpx;padding-right: 20rpx;}
	.px-2-2{padding-left: 24rpx;padding-right: 24px;}
	.px-3{padding-left:30rpx;padding-right: 30rpx;}
	.px-3-1{padding-left:32rpx;padding-right: 32rpx;}
	.px-4{padding-left:40rpx;padding-right: 40rpx;}
	.px-5{padding-left:50rpx;padding-right: 50rpx;}
	.px-5-4{padding-left:58rpx;padding-right: 58rpx;}
	.px-6{padding-left:60rpx;padding-right: 60rpx;}
	/**/
	.mx-1{margin-left: 10rpx;margin-right: 10rpx;}
	.mx-2{margin-left: 20rpx;margin-right: 20rpx;}
	.mx-3{margin-left: 30rpx;margin-right: 30rpx;}
	.mx-3-1{margin-left: 32rpx;margin-right: 32rpx;}
	.mx-5-4{margin-left: 58rpx;margin-right: 58rpx;}
	.mx-auto{margin-left: auto;margin-right: auto;}
	/**/
	.mt-0-4{margin-top: 8rpx;}
	.mt-1{margin-top:10rpx;}
	.mt-0-3{margin-top:6rpx;}
	.mt-1-3{margin-top:16rpx;}
	.mt-2{margin-top:20rpx;}
	.mt-2-2{margin-top:24rpx;}
	.mt-3{margin-top:30rpx;}
	.mt-3-4{margin-top:38rpx;}
	.mt-4{margin-top:40rpx;}
	.mt-5{margin-top:50rpx;}
	.mt-5-2{margin-top:54rpx;}
	.mt-6-2{margin-top:64rpx;}
	.mt-7-3{margin-top:76rpx;}
	.mt-12{margin-top: 120rpx;}
	/**/
	.mb-1{margin-bottom: 10rpx;}
	.mb-1-1{margin-bottom: 12rpx;}
	.mb-2{margin-bottom: 20rpx;}
	.mb-2-2{margin-bottom: 24rpx;}
	.mb-2-4{margin-bottom:28rpx;}
	.mb-3{margin-bottom: 30rpx;}
	.mb-3-1{margin-bottom: 32rpx;}
	.mb-4{margin-bottom: 40rpx;}
	.mb-9{margin-bottom: 90rpx;}
	//
	.ml-14{margin-left: 140rpx;}
	//
	.mr-0-3{margin-right: 6rpx;}
	.mr-1{margin-right: 10rpx;}
	.mr-1-3{margin-right: 16rpx;}
	.mr-2{margin-right: 20rpx;}
	.mr-2-2{margin-right: 24rpx;}
	.mr-5{margin-right: 50rpx;}
	.mr-5-3{margin-right: 56rpx;}
	.mr-6{margin-right: 60rpx;}
	//
	.my-2{margin-top: 20rpx;margin-bottom: 20rpx;}
	/**/
	.w-3-3{width: 36rpx;}
	.w-4{width:40rpx}
	.w-4-2{width: 44rpx;}
	.w-8{width: 80rpx;}
	.w-8-4{width: 88rpx;}
	.w-10{width: 100rpx;}
	.w-11{width: 110rpx;}
	.w-12{width: 120rpx;}
	.w-14{width: 140rpx;}
	.w-80{width: 800rpx;}
	.w-full{width: 100%;}
	.w-p-90{width: 90%;}
	.w-p-80{width: 80%;}
	.w-p-33{width: 33.333333%;}
	.w-p-25{width: 25%;}
	//
	.leading-4-1{line-height: 42rpx;}
	.leading-3-3{line-height: 36rpx;}
	/**/
	.h-0-1{height: 2rpx;}
	.h-0-2{height: 4rpx;}
	.h-2-4{height: 28rpx;}
	.h-3-3{height: 36rpx;}
	.h-4{height:40rpx}
	.h-4-2{height: 44rpx;}
	.h-8{height: 80rpx;}
	.h-8-4{height: 88rpx;}
	.h-11{height: 110rpx;}
	.h-full{height: 100%;}
	/**/
	.max-w-80{max-width: 800rpx;}
	/**/
	.block{display: block;}
	.flex{display: flex;}
	.inline-flex{display: inline-flex;}
	.hidden{visibility: hidden;}
	//
	.flex-1{flex:1;}
	.flex-row{flex-direction: row;}
	.flex-column{flex-direction: column;}
	.flex-wrap{flex-wrap: wrap;}
	.items-center{align-items: center;}
	.content-center{justify-content: center;}
	.flex-center{align-items: center;justify-content: center;}
	/**/
	.opacity-50{
		opacity: 0.5;
	}
	//
	.rounded-ss{border-radius: 2rpx;}
	.rounded-s{border-radius: 4rpx;}
	.rounded-n{border-radius: 8rpx;}
	.rounded-m{border-radius: 12rpx;}
	.rounded-l{border-radius: 16rpx;}
	.rounded-xl{border-radius: 20rpx;}
	//
	.b-solid-thin{
		border-width: 1px;
		border-style: solid;
	}
	.b-white{
		border-color: #FFFFFF;
	}
	.b-secondary-7{
		border-color: $color-secondary-7;
	}
	.b-bottom-solid-thin{
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
	//
	.text-hide{font-size: 0;}
	.text-s{font-size: 24rpx;}//small
	.text-xn{font-size: 26rpx;}//比normal小一点
	.text-n{font-size: 28rpx;}//normal
	.text-m{font-size: 30rpx;}//middle
	.text-l{font-size: 32rpx;}//large
	.text-xl{font-size: 36rpx;}
	.text-xxl{font-size: 40rpx;}
	.text-xxxl{font-size: 44rpx;}
	.text-xxxxl{font-size: 48rpx;}
	//
	.font-xsmall{font-weight: 300;}
	.font-small{font-weight: 400;}
	.font-medium{font-weight: 500;}
	.font-semibold{font-weight: 600;}
	.font-bold{font-weight: 700;}
	//
	.break-normal{overflow-wrap: normal;word-break: normal;}
	.break-words{overflow-wrap: break-word;}
	.break-all{word-break: break-all;}
	.whitespace-normal{white-space: normal;}
	//
	.overflow-hidden{overflow: hidden;}
	//
	.relative{position: relative;}
	.sticky{position: sticky;}
	.absolute{position: absolute;}
	//
	.left-0{left: 0;}
	.top-0{top: 0}
	.right-0{right: 0;}
	//
	.z-10{z-index: 10;}
	//
	.color-main{color:$color-main}
	.color-secondary{color: $color-secondary;}
	.color-secondary-1{color: $color-secondary-1}
	.color-secondary-2{color: $color-secondary-2}
	.color-secondary-3{color: $color-secondary-3}
	.color-secondary-4{color: $color-secondary-4}
	.color-secondary-5{color: $color-secondary-5}
	.color-secondary-6{color: $color-secondary-6}
	.color-secondary-6-i{color: $color-secondary-6 !important}
	.color-active{color: $color-active}
	.color-white{color: #FFFFFF}
	.color-error{color: #F56662}
	.bg-1{background-color: $bg-color-1}
	.bg-2{background-color: $bg-color-2}
	.bg-4{background-color: $bg-color-4;}
	.bg-active{background-color: $color-active;}
	.bg-white{background-color: #FFFFFF;}
</style>
